<!-- Agregado por Marcelo -->
<?php use_helper('Javascript')?>
<style type="text/css">
		/*body { font-size: 62.5%; }
		label, input { display:block; } */
                input.text { margin-bottom:3px; width:30%; padding: .4em; }
		#clientes_clientestipo_id { margin-bottom:3px; width:25%; padding: .4em; }
		#clientestipo_descripcion { margin-bottom:3px; width:95%; padding: .4em; }
                fieldset { padding:0; border:0; margin-top:12px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-dialog .ui-state-error { padding: .3em; }
		.validateTips { border: 1px solid transparent; padding: 0.3em; }

	</style>
	<script type="text/javascript">
	jQuery(function() {
		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
		jQuery("#dialog").dialog("destroy");

		var     clientestipo_descripcion = jQuery("#clientestipo_descripcion"),
		        allFields = jQuery([]).add(clientestipo_descripcion),
			tips = jQuery(".validateTips");

		function updateTips(t) {
			tips
				.text(t)
				.addClass('ui-state-highlight');
			setTimeout(function() {
				tips.removeClass('ui-state-highlight', 1500);
			}, 500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("La longitud de " + n + " debe estar entre "+min+" y "+max+".");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}

		jQuery("#dialog-form").dialog({
			autoOpen: false,
			height: 230,
			width: 350,
			modal: true,
			buttons: {
				'Crear Nuevo Tipo': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkLength(clientestipo_descripcion,"La descripción",1,25);
					bValid = bValid && checkRegexp(clientestipo_descripcion,/^[a-z ]([a-z_])+$/i,"El Nombre consiste en letras de  a-z en mayusculas o minusculas.");
					if (bValid) {
						//jQuery('#users tbody').append('<tr>' +
						//	'<td>' + name.val() + '</td>' +
						//	'<td>' + email.val() + '</td>' +
						//	'<td>' + password.val() + '</td>' +
						//	'</tr>');

                                                
                                                //jQuery('#clientestipo').submit();
                                                //jQuery(this).submit();
						//Agregado por Marcelo
                                                ///gescell/web/backend_dev.php/clientes/agregartipo
                                                new Ajax.Updater('Actualizar_Ajax',
                                                "<?php echo url_for('clientes/agregartipo')?>",
                                                {asynchronous:true, evalScripts:false,
                                                    onLoading:function(request, json){$('loader_agregar_tipo').show()},
                                                    parameters:Form.serialize(this)});
                                                //Hasta aca
                                                jQuery(this).dialog('close');
					}
				},
				Cancelar: function() {
					jQuery(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});

	});
	</script>




<div id="dialog-form" title="Crear una nueva Categoria">
	<p
            class="validateTips">El campo es requerido.</p>

        <?php echo form_remote_tag(array(
            'url' => 'clientes/agregartipo',
            'update' => 'Actualizar_Ajax',
            'complete' => "jQuery('#dialog-form').dialog('close')",
        )) ?>

       <fieldset>
            <div style="display: none">
                 <?php echo $form->form2['_csrf_token']?>
                 <?php echo $form->form2['id']?>
            </div>
		<label for="name">Descripción del Nuevo Tipo</label>
                <?php echo $form->form2['descripcion']?>
	</fieldset>
	</form>
</div>


